<script>
$(function(){	

$("#refund_form").validate({
	submitHandler: function(form){
		$(form).ajaxSubmit({
			success:function(data){
		 	   UIkit.modal.confirm(data.info, function(){
		 		location.reload();
		 		});
			}
		}); 
    } 
})	
})
</script>

<button type="button" class="uk-button uk-button-primary" data-uk-modal="{target:'#refundModal',center:true}">{$Think.lang.refund_request}</button>
<!-- Modal -->
<div class="uk-modal" id="refundModal">
 <form  id="refund_form" action="__CONTROLLER__/processRefund" class="uk-form"  method="post" >
	 <input type="hidden" name="order_id"  value="{$order_id}"/>
    <div class="uk-modal-dialog"> <a class="uk-modal-close uk-close"></a>
        <div class="uk-modal-header">{$Think.lang.refund_request}</div>

<table class="uk-table">
	<tr><td width=120>{$Think.lang.order_amount}({$order_currency})</td><td>
{$order_amount}
</td></tr>
	<tr><td width=120>{$Think.lang.refund_amount}({$order_currency})</td><td>
<input type="text" name="refund_amount"  required number="true"  value="{$order_amount}" max="{$order_amount}"  />
</td></tr>

  </table>
        <div class="uk-modal-footer uk-text-right">
		<button class="uk-button uk-button-danger" type="submit">{$Think.lang.confirm}</button>
		</div>
    </div>
  </form> 
</div>